import React, { Component } from 'react';
import { Table } from '@alifd/next';


class ExpandedApp extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      dataSource: this.props.dataSource,
    };
  }
  render() {
    return (
      <div>
        <Table dataSource={this.state.dataSource} hasHeader={false} hasBorder={false}>
          <Table.Column title="单据ID" dataIndex="order_number" width={200} />
          <Table.Column title="订单类型" dataIndex="r_type" width={100} />
          <Table.Column title="分店名称" dataIndex="w_name" width={100} />
          <Table.Column title="成交时间" dataIndex="update_time" width={120} />
          <Table.Column title="销售员" dataIndex="user_name" width={100} />
          <Table.Column title="商品条码" dataIndex="goods_bar_code" width={100} />
          <Table.Column title="商品名称" dataIndex="goods_name" width={200} />
          <Table.Column title="型号" dataIndex="model" width={100} />
          <Table.Column title="屈光度" dataIndex="diopter" width={80} />
          <Table.Column title="散光度" dataIndex="astigmatism" width={80} />
          <Table.Column title="镜片类型" dataIndex="lens_type" width={100} />
          <Table.Column title="生产批号" dataIndex="batch_number" width={100} />
          <Table.Column title="验光师" dataIndex="opt_name" width={100} />
          <Table.Column title="加工师" dataIndex="mac_name" width={100} />
          <Table.Column title="检验师" dataIndex="clerk_name" width={100} />
        </Table>

      </div>
    );
  }
}
export default ExpandedApp;
